<template>
  <div class="offline_mian">
    <div class="page_row">
      <div class="offline_header">支付订单</div>
      <div class="offline_data">
        <div class="text_list">
          <div>请您尽快付款，以便订单及时处理！</div>
          <div>订单号：{{paydata.orderNum}}</div>
          <div>联系人姓名：{{paydata.linkName}}</div>
          <div>联系电话：{{paydata.linkPhone}}</div>
          <div>支付方式：线下付款</div>
        </div>
        <div class="offline_pic">
          <div class="pic_row">
            <div>应付金额：</div>
            <div class="pic_vual">￥{{paydata.orderAmount}}</div>
          </div>
        </div>
      </div>
      <div class="Remittance_data">
        <div class="Remittance_header">汇款信息</div>
        <div class="text_list">
          <div>汇款截止时间: {{exhibition.endTime.substring(
          0,
          10
        )}}</div>
          <div>汇款账号信息</div>
        </div>
        <el-descriptions class="margin-top" direction="vertical" :column="2" border>
          <el-descriptions-item>
            <template slot="label"> 开户单位： </template>
            {{blankdata.openCompany}}
          </el-descriptions-item>
          <el-descriptions-item>
            <template slot="label"> 开户行： </template>
            {{blankdata.openBank}}
          </el-descriptions-item>
          <el-descriptions-item>
            <template slot="label"> 银行账户： </template>
            {{blankdata.account}}
          </el-descriptions-item>
          <!-- <el-descriptions-item>
            <template slot="label"> 付款识别码 </template>
            <span style="color: #ff0000">6F128046</span>
          </el-descriptions-item> -->
        </el-descriptions>
        <div class="Remittance_list">
          <div>注意事项</div>
          <div>
            1、汇款金额请与应付金额保持一致，请勿多汇款或者少汇款,请您尽快汇清款项，逾期订单将自动取消。
          </div>
          <div>
            2、汇款时请将此识别码填写到汇款单 【附言】栏内（仅填写此识别码）
            。如未填写会影响订单确认时间。您的付款识别码已发送
          </div>
          <div>3、到账周期一般为1-3个工作日。</div>
          <div>
            4、汇款后5个工作日如果网站订单未更新为 "已支付" 状态请务必联系 ，如
            "未支付"
            状态订单没有在规定上的时间内付款或者未联系我们将一律视为无效订单，我司将不负责任
          </div>
          <div>
            5、网上预租不会以订单无效、订单异常、系统升级等名义向您发送短信或者链接要求您提供银行卡以及验证码信息，请您加强防范意识，谨防受骗。
          </div>
        </div>
        <div class="but_wap">
          <el-button @click="hanldpath" type="primary" icon="el-icon-download">前往订单缴费</el-button>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
import { getToken, setToken } from "@/utils/auth";
import {
  getlist,
  stand_infoid,
  getshopcar,
  addahopcar,
  delshopcar,
  bankInfo,
} from "@/api/lease/index";
export default {
  data() {
    return {
      user: {},
      blankdata:{},
      paydata:{},
      exhibition:{}
    };
  },
  created() {
    this.user = JSON.parse(getToken('user'));
    this.exhibition = JSON.parse(getToken('exhibition'))
    this.getdata();
    let pay = this.$route.query.paydata
    if(pay){
      this.paydata = pay
    }
  },
  methods: {
    getdata() {
      bankInfo(this.exhibition.id).then((res) => {
        if(res.code ==200) {
          this.blankdata = res.rows[0]
        }
      });
    },
    hanldpath(){
      this.$router.push({path:'/orderdetails',query:{
          id:this.paydata.orderNum
        }})
    }
  },
};
</script>
<style scoped>
.offline_header {
  padding: 20px 0;
  font-weight: bold;
  border-bottom: 1px solid #dadada;
}
.text_list {
  color: #666;
  font-size: 14px;
  line-height: 40px;
  margin: 20px 0;
}
.Remittance_list {
  color: #666;
  font-size: 12px;
  line-height: 20px;
  margin: 10px 0;
}
.pic_row {
  display: flex;
}
.pic_vual {
  color: #ff0000;
  margin-left: 10px;
}
.offline_pic {
  padding: 10px 0;
  border-bottom: 1px solid #dadada;
}
.Remittance_header {
  color: #666;
  margin: 20px 0;
}
.but_wap {
  display: flex;
  justify-content: flex-end;
  margin-top: 20px;
}
.offline_mian {
  padding: 40px;
}
</style>